<ion-header>
    <!--<ion-title>登陆</ion-title>-->
</ion-header>


<ion-content padding text-center>

  <div style="margin-top: 25%">
    <img src="../assets/imgs/sign_icon_headportrait@2x.png" alt="" style="width: 24%;">
  </div>


  <div class="input-div">
    <div style="flex: 1;">
      <img src="../assets/imgs/sign_icon_account@2x.png" alt="" style="width: 48%">
    </div>
    <div style="flex: 4">
      <input type="text" placeholder="请输入用户账号" class="account-input">
    </div>
    <div style="flex: 1;padding-top: 4px">
      <button style="border: 0;background: none ;padding: 0;">
        <img src="../assets/imgs/login_icon_delete_default@2x.png" alt="" style="width: 54%">
      </button>
    </div>
  </div>

  <div class="password-div" >
    <div style="flex: 1;">
      <img src="../assets/imgs/sign_icon_password@2x.png" alt="" style="width: 42%">
    </div>
    <div style="flex: 4">
      <input type="password" placeholder="请输入密码" class="account-input">
    </div>
    <div style="flex: 1;padding-top: 4px">
      <button style="border: 0;background: none ;padding: 0;">
        <img src="../assets/imgs/login_icon_eye_hide@2x.png" alt="" style="width: 54%">
      </button>
    </div>
  </div>


  <button ion-button color="orange"  class="login" (click)="goto_home()">登陆</button>
  <p class="forget-pass"><span (click)="goto_forgetpassword()" style="float: left">立即注册</span> <span (click)="goto_forgetpassword()" style="float:right">忘记密码</span></p>
</ion-content>
